<template>
	<view class="address-wrap">
		<view class="title">收货地址</view>
		<view class="tip">配送至</view>
		<view class="address">{{addressObj.address_detail}}</view>
		<view class="tip concat">{{addressObj.name}}<text>{{addressObj.phone}}</text></view>
		<image src='/static/line.png' class="address-bg"></image>
	</view>
</template>

<script>
	export default {
		name:"address-con",
		props:{
			addressObj:Object
		},
		data() {
			return {
			};
		}
	}
</script>

<style lang="scss" scoped>
	.address-wrap{
		margin:24rpx 24rpx 0;
		padding:44rpx 24rpx 30rpx;
		background: #FFFFFF;
		border-radius: 16rpx 16rpx 0 0;
		position: relative;
		.title{
			font-size: 32rpx;
		}
		.tip{
			color:#AFB0B2;
			padding-top:30rpx;
		}
		.address{
			padding-top:8rpx;
		}
		.concat{
			padding-top:14rpx;
			text{
				padding-left:20rpx;
			}
		}
		
	}
	.address-bg{
		width:712rpx;
		height:8rpx;
		position: absolute;
		left:-5rpx;
		bottom:0;
	}

</style>